.nav-scroll, .nav-sub-scroll {
  white-space: nowrap;
  width: 10000%;
  /*margin-top: 20px;*/
}

.nav-scroll > li, .nav-sub-scroll > li {
  float: left;
  width: 80px;
  height: 37px;
  border : solid ;
  border: none;
  font-size: 12px;
  text-align: center;
  line-height: 40px;
  color: #666666;
  font-weight: 300;
  font-size: 1em;
  background-color: white;
}

.nav-scroll > li:active, .nav-scroll > li.active, .nav-scroll > li.is-active{
  color: #F0A65D;
  font-weight: 800;
  font-size: 1.1em;
  background-color: white;
}

.cur {
  position: absolute;
  top: 30px;
  width: 80px;
  height: 3px;
  display: block;
  background-color: #F0A65D;
  float: left;
  transition: margin-left 0.3s ease-out;
  /* Safari */
  -webkit-transition:margin-left 0.3s ease-out;
  margin-top: 4px;
}

.platform-ios .ion-silde-class {

}

.platform-android .ion-silde-class {
  /*margin-bottom: -15px;*/
}


